<%--
    Document   : lupapassword
    Created on : Dec 22, 2011, 9:16:47 AM
    Author     : Hatta
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>

<title>Lupa Password</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="./css/superfish.css" media="screen">
<link rel="stylesheet" type="text/css" href="./css/style_nivo.css" media="screen">

<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/hoverIntent.js"></script>
<script type="text/javascript" src="./js/superfish.js"></script>
<script type="text/javascript" src="./js/placeholder.js"></script>

<script type="text/javascript" src="./js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
// Slider stuff
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'slideInLeft', // Specify sets like: 'fold,fade,sliceDown'
        animSpeed:300, // Slide transition speed
        pauseTime:6000, // How long each slide will show
        directionNav:true, // Next & Prev navigation
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:true // Stop animation while hovering
    });
});
</script>
<script type="text/javascript">
// Initialise menu plugin
jQuery(function(){
	jQuery('ul.sf-menu').superfish();
});
</script>

<meta charset="UTF-8"></head>

<body>

<div id="container">

		<!--Header begins-->
		<div id="headerContainer">


				<a class="logo" href="./index.html" title="Health Care Theme">Health Care Theme</a>

				<!--Personal File begins-->
				<div id="filenrContainer">
						<img src="./images/icon_file.png" alt="Personal File" title="Personal File" />
						<h4>Personal File</h4>
						<span>Read all about your personal file</span>
						<div class="clear"></div>

						<form action="">
								<input type="text" placeholder="Your filenumber">
								<input type="submit" value="" name="submit-search">
						</form>
				</div>
				<!--Personal File ends-->

				<div class="clear"></div>

		</div>
		<!--Header ends-->


		<div id="contentContainer">

					<!--Menu begins-->
					<div id="menubarborder">
					<div id="menubar">

							<ul class="sf-menu">

          <li class="current"><a href="./index.html">Home</a></li>

          <li><a href="./specialists.html">Akun Anda</a></li>

          <li><a href="./full-width.html">Daftar Obat</a></li>


          <li><a href="./with-sidebar.html" >Order</a></li>

          <li><a href="./page-styles.html">Page styles</a></li>

          <li><a href="#">Sample dropdown</a>
            <ul>
              <li><a href="#">A submenu</a></li>
              <li><a href="#">A submenu</a></li>
              <li><a href="#">A submenu</a>
                <ul>

                  <li><a href="#">Another submenu</a></li>
                  <li><a href="#">Another submenu</a></li>
                  <li><a href="#">Another submenu</a></li>
                </ul>
              </li>
            </ul>
          </li>


          <li><a href="./contact.html">Contact us</a></li>
							</ul>

					</div>
					</div>
					<!--Menu ends-->

				<!--Content begins-->
				<div id="content">

						<!--Slider begins-->
						<div id="sliderContainer">



        <div id="slider"> <a href="#" title=""><img src="./images/slider1.jpg" alt="" /></a>
          <a href="#" title=""><img src="./images/slider1.jpg" alt="" /></a> <a href="#" title=""><img src="./images/slider1.jpg" alt="" /></a>
        </div>

						</div>
						<!--Slider ends-->

						<!--Middle part begins-->


    <div id="middlePart">
      <!--Welcome begins-->
        <div align="center" class="h2title"> <img src="./images/icon_quickSearch.png" alt="Quick search" title="Quick search" />
            <h2 align="left">Lupa Password</h2>
            <div align="left"><span class="brown"><font size="2">Lupa Password Anda?</font></span> </div>
          </div>
          <p align="left">
            <label>Username </label>
            <input name="username" type="text" size="20" maxlength="50">
          </p>
          <p align="left">
            <label>Email </label>
            <input name="Email" type="text" size="20" maxlength="50">
          </p>
          <p align="left"><a class="button buttonBlue" href="#"> <span>Kirim Password Baru</span>
            </a> </p>
      </div>

      <p align="center">&nbsp;</p>
      <p>&nbsp;</p>
	  <p align="center">&nbsp;</p>
      <p>&nbsp;</p>
	  <p align="center">&nbsp;</p>
      <p>&nbsp;</p>
      </div>
      <p align="center">&nbsp;</p>
      <p>&nbsp;</p>

    </div>
				<!--Content ends-->

				<!--Footer begins-->
				<div id="footerPart">
						<div class="footerRight">
								<ul>
										<li><a href="#" title="">About</a></li>

										<li><a href="./contact.html" title="">Contact</a></li>
										<li><a href="#" title="">Sitemap</a></li>
										<li><a href="#" title="">Privacy Policy</a></li>
										<li><a href="#" title="">Directions</a></li>
										<li><a href="#" title="">Insurance</a></li>
										<li><a href="#" title="">Careers</a></li>

								</ul>
						</div>
				</div>
				<!--Footer ends-->

		</div>
		<!--ContentContainer ends-->

</div>
<!--Container ends-->

</body>
</html>
